<html>

  <head>

    <meta name= "viewport" content= "width=device-width" http-equiv="Content-Type"/>
    <title>A few things you can do with BCK animations</title>
    <link rel="icon" type="image.jpg" href="../../images/icon.png" />
    <link rel="stylesheet" href="../../styles.css" type="text/css">

  </head>

  <body>

    <div class="start">
      <div class="title">
        <h1>A few things you can do with BCK animations</h1> 
      </div>
    </div>

    <div class="main">

      <div class="right">

        <h3>Index</h3>
        <hr>

        <p>1. <a href="../../index.html">Introduction</a></p>
        <p>2. <a href="../tutorials.html">Tutorials</a></p>
        <p>3. <a href="../resources.html">Resources</a></p>

      </div>

    <div class="left">

    <h2>Contents</h2>
    <hr>

				<p>1. <a href="#tools">Required tools</a></p>
				<p>2. <a href="#tutorials">Required tutorials</a></p>
        <p>3. <a href="#modelA">Model A</a></p>
        <p>4. <a href="#modelB">Model B</a></p>
        <p>5. <a href="#modelC">Model C</a></p>

				<br>

    <hr id="tools">
    <h2>Required tools</h2>
    <p>Refer to the "Resources" section for download.</p>

      <p>- Blender</p>
      <p>- SuperBMD</p>
      <p>- j3dview</p>
      <p>- j3d animation editor</p>
      <p>- Any text editor you like (Notepad++ is recommended)</p>

      <br>

    <hr id="tutorials">
    <h2>Required tutorials</h2>
    <hr>

      <p>- <a href="t9.html">BMD/BDL model with 1 animated bone</a></p>
      <p>- <a href="t10.html">BMD/BDL model with 2 or more animated bones</a></p>
      <br>

    <hr id="modelA">
    <h2>Model A &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp; files used: <a href="https://archive.org/download/humming-owl-storage/tutorial11a.zip">tutorial11a.zip</a></h2>
    <hr>
    
      <p><b>Some gears</b>, <i>hell ye!</i> <b>Bone structure</b> is as follows:</p>
      
<pre style="background-color: white; width: 20%; margin-left: 40%; border: calc(0.2vw) solid black; border-radius: calc(0.3vw);">
                               
   <b>Bones:</b>
     base
      gear1
      gear2
      part1
      part2
                         
</pre>

      <iframe id="embed" src="https://www.youtube.com/embed/ptrJ0FvbGCM?si=mlWclAi4AJRt5r_X" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

      <b><p class="idtext">(Vid. 1 - Gear model with 5 bones)</p></b>
      <br>
      
      <p>For some reason the <b>materials</b> used in this model (from the <code>JointBallsPlanetA</code> <b>object</b>) make the model meshes to <b>disappear</b> on game. Don't know what is the reason.</p>
      <br>
      
    <hr id="modelB">
    <h2>Model B &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp; files used: <a href="https://archive.org/download/humming-owl-storage/tutorial11b.zip">tutorial11b.zip</a></h2>
    <hr>
    
      <p>A very <b>boing boing ball</b>, <i>boioioing!</i> <b>Bone structure</b> is as follows:</p>
      
<pre style="background-color: white; width: 16%; margin-left: 42%; border: calc(0.2vw) solid black; border-radius: calc(0.3vw);">
                               
   <b>Bones:</b>
     base
                         
</pre>

      <iframe id="embed" src="https://www.youtube.com/embed/OcA3v-bi7JA?si=fcMuffNxleCaxmwm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

      <b><p class="idtext">(Vid. 2 - Ball bouncing with one bone)</p></b>
      <br>
      
      <p>This <b>bone</b> has a <b>complex animation table</b>. For this kind of <b>animations</b> is good (<i>literally is hell without it</i>) to use a <b>graphic calculator</b> such as <a href="https://www.desmos.com/calculator">Desmos</a> to get the <b>animation timings</b> well using some math functions (<b>Fig. 1</b>).</p>
      
      <img src="../../images/t11/Fig. 1.jpg">
      <b><p class="idtext">(Fig. 1 - Desmos with a parabole <code>RED</code> and a Gaussian distribution <code>BLUE</code>)</p></b>
      <br>
      
    <hr id="modelC">
    <h2>Model C &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp;&emsp;&emsp; &emsp; files used: <a href="https://archive.org/download/humming-owl-storage/tutorial11c.zip">tutorial11c.zip</a></h2>
    <hr>
    
      <p>A <b>spinning top!</b> <b>Bone structure</b> is as follows:</p>
      
<pre style="background-color: white; width: 26%; margin-left: 37%; border: calc(0.2vw) solid black; border-radius: calc(0.3vw);">
                               
    <b>Bones:</b>
      rot1
        rot2
          rot3
            rot4
                         
</pre>

      <iframe id="embed" src="https://www.youtube.com/embed/nuGqeFb07XI?si=GJ1sTeKEv-wRvMqX" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

      <b><p class="idtext">(Vid. 3 - Spinning top with 4 bones)</p></b>
      <br>
      
      <p>For all the <b>rotations</b> this <b>bad boy</b> had to hold I had to use <b>4 bones</b> one child of the other. This thing just rotates around everywhere.</p>
      <br>
      
      <hr>
      <p><b>NOTE 1:</b> All <b>animation files</b> (<b>BCK</b>), <b>BLEND projects</b> and <b>BDL files</b> of each model are shared in the <b>ZIP files</b>.</p>
      <hr>
      <br>

    </div>

    </div>

  </body>

</html>
